<style lang="scss">
	@import url('../css/map.css');
</style>
<template>
	<view class="content">
		<view>
			<!-- <map id="map" class="map" @markertap="markertap" :key="mapKey" :show-location="true" :latitude="mylatitude"
				:longitude="mylongitude" :scale="scale" :circles="circles"></map> -->
			<map  id="map" class="map"  style="width: 100%; height: 300px;"  @markertap="markertap"   :key="mapKey"   :latitude="mylatitude" :longitude="mylongitude" :markers="markers"  :show-location="true"  :scale="scale" :circles="circles">
			</map>
 
		</view>
		<view class="tap" v-if="ifshow">
			<view class="tap_view">

				<view class="reach" v-if="ifreach">
					<view class="padding10">
						<view class="reach_point">
							<text class="reach_point_number floatleft">
								<text>您已到达点位：</text>
								<text class="blackcolor">{{nowpoint}}</text>
							</text>
							<text class="floatright blackcolor" @click="ifreachs">关闭</text>
						</view>
						<view class="reach_rask">
							<view class="floatleft">
								<view>
									<text>完成任务：</text>
									<text class="lscolor">0个</text>
								</view>
								<view>
									<text>任务得分：</text>
									<text class="lscolor">0个</text>
								</view>
							</view>
							<view class="reach_rask_look floatright" @click="viewtask">查看任务</view>
						</view>
					</view>
				</view>


				<view class="match">
					<view class="padding10">
						<view class="match_time">
							<text class="floatleft">
								<text>比赛用时:</text>
								<text>{{downtime}}</text>
							</text>
							<text class="floatright blackcolor" @click="ifmatchs">收拢详情</text>
						</view>
						<view class="match_number" v-if="ifmatch">
							<view class="floatleft">
								<view>点位数量:2</view>
								<view>完成任务:0</view>
							</view>
							<view class="floatright">
								<view>已经到达:1个点位</view>
								<view>累计得分:30分</view>
							</view>
						</view>
					</view>
				</view>
				<view class="match_end">结束比赛</view>
			</view>
		</view>
	</view>

</template>
<script type="module" src="../js/map.js"></script>